<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>用户</title>
		<link rel="stylesheet" type="text/css" href="css/common/common.css" />
		<link rel="stylesheet" type="text/css" href="css/user.css" />
	</head>

	<body>
		<!-- 头部 -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="nav-classify">
				<i class="iconfont icon-classify"></i>
			</div>
			<div class="nav-logo">
				<img src="img/index/logo.jpg" class="img-responsive" alt="" />
			</div>
			<div class="nav-search">
				<i class="iconfont icon-search-copy"></i>
			</div>
			<!-- 菜单 -->
			<div class="model">
				<div class="container">
					<div class="row model-head">
						<div class="col-sm-4 model-close">
							<i class="iconfont icon-wrong2"></i>
						</div>
						<div class="col-sm-4 model-icons">
							<a href=""><i class="iconfont icon-weibo"></i></a>
							<a href=""><i class="iconfont icon-wechat"></i></a>
							<a href=""><i class="iconfont icon-baidu2"></i></a>
							<a href=""><i class="iconfont icon-camera1"></i></a>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-6 col-sm-push-3 model-link">
							<div class="model-item model-about">
								<a href="index.html">About Or</a>
							</div>
							<div class="model-item model-about">
								<a href="product.html">Product</a>
							</div>
							<div class="model-item model-about">
								<a href="zoom.html">Space Inspiration</a>
							</div>
							<div class="model-item model-about">
								<a href="user.html">User Experience</a>
							</div>
							<div class="model-bot">
								<i class="iconfont icon-henggang"></i>
								<a href="news.html">NEWS</a>
								<i class="iconfont icon-henggang"></i>
								<a href="activity.html">EVENT</a>
								<i class="iconfont icon-henggang"></i>
								<a href="connect.html">CONTACT</a>
								<i class="iconfont icon-henggang"></i>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 搜索 -->
			<div class="search-model">
				<div class="container">
					<div class="row">
						<div class="col-sm-10 col-sm-push-2 search-back">
							<p><i class="iconfont icon-jiantou search-close"></i> Return</p>
						</div>
						<div class="col-sm-8 col-sm-push-3 search-input">
							<input type="text" placeholder="Searh anything & hit enter" />
						</div>
					</div>
				</div>
			</div>

		</nav>
		<div class="web">
			<!-- top -->
			<section class="user-top">
				<div class="container">
					<div class="row">
						<div class="col-xs-10 col-xs-push-1">
							<img src="img/user/user1.jpg" class="img-responsive" />
						</div>
					</div>
				</div>
			</section>

			<!-- mid -->
			<section class="user-mid">
				<div class="container">
					<div class="row">
						<div class="col-sm-10 col-sm-push-1">
							<div class="row user-item-box">
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user2.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user3.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user4.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user5.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user6.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user7.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user8.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user9.png" class="img-responsive" />
								</div>
								<div class="col-sm-4 col-xs-12 user-item">
									<img src="img/user/user10.png" class="img-responsive" />
								</div>
							</div>
							<div class="row">
								<div class="col-xs-12 user-load-more">
									<div>
										<p>LOAD MORE</p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- footer -->
			<footer>
				<div class="footer-img">
					<img src="img/user/user11.png" class="img-responsive" />
				</div>
				<div class="footer-nav">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-md-offset-2 col-xs-12 footer-nav-text">
								<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
							</div>
							<div class="col-md-3 col-md-offset-1 col-xs-12 footer-nav-up">
								<i class="iconfont icon-up up"></i>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-model">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-md-offset-2 model-left">
								<p>
									Receive the latest Or news and Creativity in our newsletters.
								</p>
								<div class="footer-signup">
									<input type="text" placeholder="Enter your email address" />
									<button>Sign up</button>
								</div>
							</div>
							<div class="col-md-3 col-md-offset-1 model-right">
								<i class="iconfont icon-weibo"></i>
								<i class="iconfont icon-wechat"></i>
								<i class="iconfont icon-baidu2"></i>
								<i class="iconfont icon-camera1"></i>
								<i class="iconfont icon-xiangxia1 down"></i>
							</div>
						</div>
					</div>
				</div>
			</footer>

		</div>
	</body>
	<script src="framework/jquery-2.1.0.js"></script>
	<script src="framework/bootstrap.js"></script>
	<script src="js/common.js"></script>
	<script src="js/set.js"></script>
	<script>
		$(function() {
			$('.user-item').click(function() {
				window.location.href = 'user-fd.html';
			});
		});
	</script>

</html>